html,body{
	width: 100%;
	height: 100%;
	margin: 0px auto;
}
.bg{
	background: #f5f5f5;
}
a:link ,a:visited{
	text-decoration:none;
	color:gray;
}
a:hover,a:active{
	text-decoration:none;
	color:#e33147;
}

             /*         充值nav／充值info              */
.module1{
	width: 100%;
	min-height:60px; 
	margin-top: 20px;
	margin-bottom: 50px;
}
.module1_nav{
	width: 100%;
	height: 52px;
	text-align: center;
	font-size: 14px;
	color:gray;
	border-bottom: 1px solid #ddd; 
}
.nav_l,.nav_l_now{
	float: left;
	width: 50%;
	height: 50px;
	line-height: 50px;
}
.nav_border{
	float: left;
	height: 20px;
	margin-top: 15px;
	border-right: 1px solid #ddd;
}
.nav_r_now,.nav_r{
	float:right;
	width: 49%;
	height: 50px;
	line-height: 50px;
}
.nav_r_now,.nav_l_now{
	border-bottom: 2px solid #e33147;
	color: black;
}

.module1_info{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	font-size: 13px;
	color: gray;
}

        /*          充值表单                */
.module2{
	width: 85%;
	height: 100px;
	margin: 0px auto;
	text-align: center;
	font-size: 14px;
}
.module2 form{
	margin-left: auto;
	margin-right: auto;
}
.entry{
	width: 60%;
	height: 20px;
}
.submit{
	text-align: center;
	width: 20%;
	float: right;
	margin-right: 15%;
	margin-top: 40px;
	background: #f1f1f1;
	border:none;
	border-radius: 5px;
}

/*  固定页面底部导航栏  */

.navbar_fixed_bottom{
	width: 100%;
	height: 41px;
	z-index: 1030;
	position: fixed;
	bottom:0;
	left: 0;
	right: 0;
	background: #f8f8f8;
	border-top: 1px solid #e7e7e7;
	line-height: 41px;
	text-align: center;
}
/*.containerr{
	width: 87%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}*/
.navbar_col{
	width: 33.3333333%;
	position: relative;;
	min-height: 41px;
	float: left;
}
.navbar_col img{
	height: 41px;
}


/*          充值码纪录页面            */

 table td
 {
 	height:60px;
 	border-top:1px solid #ddd;
 }
 table th{
 	height: 60px;
 }
 table{
 	background: white;
 	width: 100%;
 	min-height: 60px;
 	text-align: center;
 }


 /*              个人中心背景部分       */

.part1{
	width: 100%;
	height: 200px;
	background-image: url(../images/home_header.jpg);
	background-size: 100% 100%;
}
.box{
	height: 60px;
	width: 60px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
.box img{
	height: 60px;
	width: 60px;
	border-radius: 50px;
	/*transition:width 2s, height 2s;
	-webkit-transition:width 2s, height 2s, -webkit-transform 2s;  Safari and Chrome 
}
.box img:hover{
	transform:rotate(720deg);
	-webkit-transform:rotate(720deg); /* Safari and Chrome */
}
.message{
	height: 60px;
	text-align: center;
	color: white;
}
.text-center{
	line-height: 20px;
	margin-top: 10px;
}
.text-center span{
	color: red;
}
.my_sub{
	border:1px solid black;
	border-radius: 15px;
	height: 30px;
	width: 110px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	line-height: 30px;
}
.my_sub a:link,.my_sub a:visited{
	color: black;
	text-decoration:none;
}


/*      栏目块      */


.part2{
	width: 100%;
	min-height: 240px;
	background-color: white;
}
.part2 a:link,.part2 a:visited{
	text-decoration: none;
	color: black;
}
.part2 a:hover,.part2 a:active{
	text-decoration: none;
	color: #e62f41;
}
.tab,.share{
	height: 47px;
	width: 97%;
	margin-right: auto;
	margin-left: auto;
}
.tab{
	border-bottom: 1px solid #ddd;
}
.tab_l img{
	width: 20px;
	height: 20px;
	margin-top: 14px;
	float: left;
	margin-right: 10px;
}
.tab_r{
	height: 20px;
	line-height: 20px; 
	padding-top: 14px;
}



/*     方向箭头    */

/*.arrow-right {
    width:0; 
    height:0; 
    border-top:50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 50px solid green;
}*/
.demo16{
  position: relative;
  margin-top: -20px;
  margin-right: 20px;
}
.demo16:after, .demo16:before {
  border: 10px solid transparent;
  border-left: 10px solid #fff;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: -20px;
  content: ' '
}

.demo16:before {
  border-left-color: #ddd;
  right: -21px;
}




/*     注销按钮       */


.part3{
	text-align: center;
}

.button{
	margin-top: 20px; 
	width: 50%;
	height: 40px;
	background: #e62f41;
	border:none;
	border-radius: 20px;
	font-size: 14px;
	color: white;
	font-weight: bold;
}

/*     选择充值数量金额    */
.f{
	font-size: 14px;
}
.c_red{
	color: red;
}

.recharge_money{
	height: 150px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.recharge_money ul{
	list-style-type: none;
	padding: 0;
	height: 142px;
}
.recharge_money li{
	width: 29.333333%;
	height: 70px;
	margin-left: 3%;
	float: left;
	text-align: center;
	border: 1px solid white;
	vertical-align: middle;
}
.recharge_money li.active{
	color:red;
	border:1px solid red;
	border-radius: 10px;
}
.money_num{
	height: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}



.paytype{
	height: 100px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
.title{
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.paytype ul{
	list-style-type: none;
	padding: 0;
}
.paytype li{
	height: 20px;
	margin-top: 10px;
}
.paytype li img{
	vertical-align: middle;
	height: 14px;
}

.charse{
	height: 40px;
	width: 100%;
	margin-top: 20px;
	text-align: center;
}
.charse button{
	height: 40px;
	background: #e62f41;
	color: white;
	font-size: 14px;
	border:none;
	width: 60%;
	border-radius: 20px;
}




/*         充值成功页面      */


/*
.success{
	height: 120px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px; 
	font-size: 18px;
	text-align: center;
}
.success p{
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
}
.happy  img{
	height: 50px;
	width: 50px;
}
.happy{
	height: 50px;
	width: 100%;
	line-height: 50px;
	font-size: 22px;
	padding-bottom: 10px;
	text-align: center;
	padding-top: 40px;
}*/

.success_button{
	margin-top: 50px; 
	width: 60%;
	height: 40px;
	background: #e62f41;
	border:none;
	border-radius: 20px;
	font-size: 14px;
	color: white;
	font-weight: bold;
	line-height: 40px;
	margin-left: auto;
	margin-right: auto;
}
.bl{
	float: left;
}
.br{
	float: right;
}
.blf{
	width: 60%;
	margin-left: auto;
	margin-right:auto;
}
.blf a:hover,.blf a:link,.blf a:active,.blf a:visited{
	color: white;
}
.happy_info span{
	color:red;
}

/*         充值失败页面      */



.sad_info,.happy_info{
	height: 70px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	color: gray;
	text-align: center;
	/*background:no-repeat url(../images/gif.gif) ;*/
}

.sad_info p,.happy_info p{
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
}

.sad,.happy{
	height: 30px;
	width: 100%;
	line-height: 30px;
	font-size: 22px;
	padding-bottom: 10px;
	text-align: center;
}
.sad_face,.happy_face{
	height: 50px;
	width: 50px;
	padding-top: 30px;
	margin-right: auto;
	margin-left: auto;
}
.sad_face img,.happy_face img{
	height: 50px;
	width: 50px;
}


/*   转盘页面 */
body{
	margin: 0;
	padding: 0;
}
.zp_part1{
	background:#fbdd39;
	padding-bottom: 10px;
}
.title1{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.title1 img{
	width: 100%;
}

/* 大转盘样式 */
.banner{
	display:block;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.banner .turnplate{
	display:block;
	width:100%;
	position:relative;
}
.banner .turnplate canvas.item{
	width:100%;
}
.banner .turnplate img.pointer{
	position:absolute;
	width:31.5%;
	height:42.5%;
	left:34.6%;
	top:23%;
}
.dizuo{
	width:90%;
	margin-left: auto;
	margin-right: auto;
}
.dizuo img{
	width: 100%;
}


.zp_part2{
	background:#6f136e;
	width: 100%;
	padding-bottom: 40px;
}

.arrow1,.arrow2{
	height: 20px;
	background-repeat: repeat-x;
	width: 100%;
}
.arrow1{
	background-image: url(../images/arrow1.png);
	background-color: #fbdd39;
}
.arrow2{
	background-image: url(../images/arrow2.png);
	background-color: #6f136e;
}
.title2,.title3{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.title2 img,.title3 img{
	width: 100%;
}




/*#demo1 ul,#demo2 ul{
	list-style-type: none;
	padding: 0;
}
#demo1 li,#demo2 li{
	height: 40px;
	line-height: 40px;
	background: white;
	margin-top: 10px;
}*/

.part{
	height: 400px;
	width: 90%;
	color：gray;
	margin-right: auto;
	margin-left: auto;
	background:#f5f5f5;
	border-radius: 10px;
}
#demo,#scrollobj{
	height:100%;
	width:90%;
	margin-left:auto;
	margin-right: auto;
}
#demo p,#scrollobj p{
	height: 30px;
	width: 100%;
	line-height: 30px;
	background: white;
	font-size:15px;
	text-align: center;
}
.lottery_phone{
	float: left;
}
.lottery_time{
	float: right;
}



.zp_part3{
	width: 100%;
	background: #ffb93f;
	padding-bottom: 40px;
}
.zp_info{
	width: 80%;
	min-height: 100px;
	margin-left: 10%;
	border-radius: 10px;
	background: white;
	font-size: 16px;
}
.zp_info ul{
	list-style-type: none;
	padding: 0;
	width: 90%;
	margin-left:auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
.zp_info li{
	margin-top: 10px;
}




.window{ 
    width:80%;
    height: 50%;
    position:absolute; 
    padding:2px; 
    margin-left: auto;
    margin-right: auto; 
    display:none; 
    } 
.content,.contentReg{ 
    border-radius: 20px;
    border:1px black solid;
    background:#f5f5f5; 
    height:100%; 
    min-height: 350px;
    font-size:14px; 
    overflow:auto; 
    margin:auto;
    text-align: center;
    } 
#phone,#pass,#regUserName,#regPassWord{
	width: 60%;
	margin-top: 25px;
	height: 30px;
}
#check_code{
	width:40%;
	margin-top: 25px;
	height: 30px;
}
#send_check_code{
	height: 30px;
	width: 10%;
	border: none;
	margin-left:5%;
	margin-top: 25px;
}
#login,#register,#regRegister,#regLogin{
	height: 30px;
	width: 50%;
	border-radius: 20px;
	background: #e33147;
	border: none;
	margin-top: 20px;
}



html,body{
	height:100%;
	width:100%;
	margin: 0px auto;
    color:gray;
}
ul {
	list-style-type: none;
	padding: 0;
	margin: 0px;
}
/********************   导航  ****************************/
.nav {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    height: 40px;
    margin-top: 10px;
    line-height: 40px;
}
.nav_today,.esInfo {
    -webkit-flex: 1;
        flex: 1;
    border-bottom:1px solid #ddd;
}
.nav_today span,.nav_tomorrow span,.nav_afterTomo span{
	height: 20px;
	float: right;
	margin-top: 10px;
	border-right: 1px solid #ddd;
}
.nav_tomorrow,.jcRecord {
    -webkit-flex: 1;
        flex: 1;
    border-bottom:1px solid #ddd;
}
.nav_afterTomo {
    -webkit-flex: 1;
        flex: 1;
    border-bottom:1px solid #ddd;
}
.nav_afAtomo {
    -webkit-flex: 1;
        flex: 1;
    border-bottom:1px solid #ddd;
}
.active{
	border-bottom:2px solid #e62f41;
	color:#555;
}

/********************竞猜物品**********************/
.goods{
	width: 100%;
    border-bottom: 8px solid #eeeeee;
    padding-bottom: 15px;
}
.good_info{
	margin-top: 20px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-flex;
    display: flex;
}
.good_picture{
    -webkit-flex: 9;
        flex: 9;
    position: relative;
}
.good_picture img{
	width: 100%;
}
.good_intro,.good_intro_none{
    -webkit-flex: 11;
        flex: 11;
}
.good_tp{
	height: 30px;
	line-height: 30px;
	margin-left: 20px;
	margin-top: 5px;
}
.good_tp img{
	height: 24px;
	margin-top: 3px;
	float: left;
}
.good_title{
	color: black;
	font-weight: bold;
	margin-left: 22px;
	font-size: 15px;
}
.good_count{
	margin-left: 22px;
	font-size: 13px;
	margin-top: 8px;
}
.c_red{
	color: rgb(230, 47, 65);
}
.count{
	color: white;
	background: rgba(0,0,0,0.3);
	width: 100%;
	height: 25px;
	line-height: 25px;
	position: absolute;
	bottom: 0px;
}
.good_intro input,.good_intro_none input{
	border:none;
	border-radius: 20px;
	color: white;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	width: 90%;
	margin-top: 20px;
	margin-left: 5%;
	margin-right: 5%;
}
.good_intro input{
	background: #e62f41;
}
.good_intro_none input{
	background: gray;
}
.nav_ej{
	display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    height: 40px;
    margin-top: 5px;
    line-height: 40px;
}




.esInfo_dt{
	padding-top: 20px;
	font-size: 16px;
}
.jcRedTitle,.jcRedInfo{
	display: -webkit-flex;
    display: flex;
	color: rgb(51, 51, 51);
	width: 100%;
	text-align: center;
	height: 40px;
	line-height: 40px;
}
.jcRedTitle{
	background: #ddd;
	padding-top: 20px;
}
.jcRedInfo{
	background:white;
}
.jcRedTitle span,.jcRedInfo span{
    -webkit-flex: 1;
        flex: 1;
}



/********************登陆页**********************/
.entry{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	font-size: 15px;
}
.entry_user,.entry_pass,.check_code{
	border-bottom: 1px solid #f1f1f1;
	height: 40px;
	line-height: 40px;
}
.check_code{
	display: -webkit-flex;
    display: flex;
}
.code_l{
	-webkit-flex: 1;
        flex: 1;
    display: -webkit-flex;
    display: flex;
}
.code_l input{
	-webkit-flex: 1;
        flex: 1;
}
.code_l span,.code_r{
	-webkit-flex: none;
          flex: none;
}
.entry_user input,.entry_pass input,#check_code{
	border:none;
	height: 30px;
}
.entry_btn_one,.regis_btn,.entry_btn_two,.entry_thr{
	text-align: center;
	margin-top: 30px;
}
.entry_btn_one input,.regis_btn input,.entry_btn_two input{
	font-size: 15px;
	height: 40px;
	width: 100%;
	line-height: 40px;
	border: none;
	border-radius: 20px;
}
#send_code{
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	border: none;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 10px;
	float: right;
	background: white;
	border:1px solid black;
}
.entry_btn_one input,.regis_btn input{
	background: #e62f41;
	color: white;
}
.entry_btn_two input{
	background: white;
	border:1px solid black;
}/*
.entry_fc{
	position: relative;
	text-align: center;
}*/
.line{
	border-bottom: 1px solid #ddd;
	width: 100%;
	margin-top: 60px;
}
.entry_title{
	text-align: center;
	height: 20px;
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	line-height: 20px;
	/*position: absolute;*/
	/*top:-6;*/
	margin-top: -10px;
	color: black;
	background: white;
}

.link_user{
	display: -webkit-flex;
    display: flex;
    font-size: 14px;
    color: black;
    margin-top: 20px;
}
.weibo{
	-webkit-flex: 1;
        flex: 1;
}
.weixin{
	-webkit-flex: 1;
        flex: 1;
}
.weibo_info{
	float: left;
	margin-left: 40px;
}
.weixin_info{
	float: right;
	margin-right: 40px;
}
.weixin_info img,.weibo_info img{
	height: 40px;
	width: 40px;
}





/*  固定页面底部导航栏  */

.navbar_fixed_bottom{
	width: 100%;
	height: 41px;
	z-index: 1030;
	position: fixed;
	bottom:0;
	left: 0;
	right: 0;
	background: #f8f8f8;
	border-top: 1px solid #e7e7e7;
	line-height: 41px;
	text-align: center;
}
/*.containerr{
	width: 87%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}*/
.navbar_col{
	width: 33.3333333%;
	position: relative;;
	min-height: 41px;
	float: left;
}
.navbar_col img{
	height: 41px;
}


.esInfo_dt{
	padding-top: 20px;
	font-size: 16px;
}
.jcRedTitle{
	display: -webkit-flex;
    display: flex;
	height: 40px;
	line-height: 40px;
	color: rgb(51, 51, 51);
	width: 100%;
	text-align: center;
	background: #ddd;
	padding-top: 20px;
}
.jcRedTitle span{
    -webkit-flex: 1;
        flex: 1;
}

























/*  固定页面底部导航栏  */

.navbar_fixed_bottom{
	width: 100%;
	height: 41px;
	z-index: 1030;
	position: fixed;
	bottom:0;
	left: 0;
	right: 0;
	background: #f8f8f8;
	border-top: 1px solid #e7e7e7;
	line-height: 41px;
	text-align: center;
}
/*.containerr{
	width: 87%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}*/
.navbar_col{
	width: 33.3333333%;
	position: relative;;
	min-height: 41px;
	float: left;
}
.navbar_col img{
	height: 41px;
}

